<?php
	@session_start();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="El Justiciero, alumando, profesorado, cuatrovientos, notas, competencias claves" />
<meta name="description" content="Esta es una aplicacion con la cual el instituto cuatrovientos puede evaluar a sus alumnos basandose en las notas tecnicas y las competencias claves" />

<style type="text/css">
	.alerta {  
	color: #9F6000;  
	background-color: #FEEFB3;  
	background-image: url('alerta.png');
	font-family:Arial, Helvetica, sans-serif;   
	font-size:13px;  
	border: 1px solid;  
	margin: 10px 0px;  
	padding:15px 10px 15px 50px;  
	background-repeat: no-repeat;  
	background-position: 10px center;  
	position:relative;  
	}
	
#sliderWrap {
margin: 0 auto;
width: 300px;
}
#slider {
position: absolute;
background-image:url(slider.png);
background-repeat:no-repeat;
background-position: bottom;
width: 300px;
height: 159px;
margin-top: -141px;
}
#slider img {
border: 0;
}
#sliderContent {
margin: 50px 0 0 50px;
position: absolute;
text-align:center;
background-color:#FFFFCC;
color:#333333;
font-weight:bold;
padding: 10px;
}

#openCloseWrap {
position:absolute;
margin: 143px 0 0 120px;
font-size:12px;
font-weight:bold;
}
	</style>

<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>El Justiciero</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="sliderWrap">
		<div id="openCloseIdentifier"></div>
		<div id="slider">
			<div id="sliderContent">
				<a href="logout.php" title="Clicka aqui para salir de tu sesion">
					Desconectar sesión
				</a>
			</div>
			<div id="openCloseWrap">
				<a href="#" class="topMenuAction" id="topMenuImage">
					<img src="open.png" alt="open" />
				</a>
			</div>
		</div>
</div>
	


<div id="wrapper">
	<div id="header" class="container">
		<div id="logo">
			<h1><a href="#">El Justiciero</a></h1>
			<p>Diseñado para <a href="http://www.cuatrovientos.org/cuatrovientos/index.htm">Instituto Cuatrovientos</a></p>
		</div>
		<div id="menu">
			<ul>
				<li class="current_page_item"><a href="form.php">Home</a></li>
				<li><a href="http://www.cuatrovientos.org/cuatrovientos/index.htm">Cuatrovientos</a></li>
				<li><a href="http://alviento.cuatrovientos.org/">Alviento</a></li>
				<li><a href="http://aula0.cuatrovientos.org/">Aula 0</a></li>
			</ul>
		</div>
	</div>
	<!-- end #header -->
	
	
	<div id="page">
		<div id="content">
			

 <script language="JavaScript" type="text/JavaScript">
            $(document).ready(function(){
                $("#ciclo").change(function(event){
                    var id = $("#ciclo").find(':selected').val();
                    $("#select2").load('genera-select.php?id='+id);
                });
            });
	
	</script>
	<script language="JavaScript" type="text/JavaScript">
		function comprobar()
		{
			var ciclo=document.getElementById("ciclo");
			var asignatura=document.getElementById("select2");
			var evaluacion=document.getElementById("evaluacion");
		
			if(ciclo.value==0 || asignatura.value==0 || evaluacion.value==0)
			{
				
				return;
			}
			else
			{
				location.href="comprobarciclo.php?ciclo="+ciclo.value+"&asignatura="+asignatura.value+"&evaluacion="+evaluacion.value;
			}
		}
	</script>
	
	<!--Mensajes de error, con el css de .alerta-->
	<script type="text/javascript">  
		$(document).ready(function(){  
		setTimeout(function(){ $(".mensajes").fadeOut(800).fadeIn(800).fadeOut(500).fadeIn(500).fadeOut(300);}, 3000);   
		});  
	</script>  
	<!--Hasta aqui-->
	
	<!--Slide-->
	<script type="text/javascript">
	$(document).ready(function() {
		$(".topMenuAction").click( function() {
			if ($("#openCloseIdentifier").is(":hidden")) {
				$("#slider").animate({ 
					marginTop: "-141px"
					}, 500 );
				$("#topMenuImage").html('<img src="open.png" alt="open" />');
				$("#openCloseIdentifier").show();
			} else {
				$("#slider").animate({ 
					marginTop: "0px"
					}, 500 );
				$("#topMenuImage").html('<img src="close.png" alt="close" />');
				$("#openCloseIdentifier").hide();
			}
		});  
	});
	</script>
	<!--Slide hasta aqui-->
	
	
	<div id="formulario">
    </br>
		<?php
			// Â¿Se ha iniciado la sesiÃ³n?
			if ($_SESSION["nombre"] == "") {
			//echo "NO HAS INICIADO SESIÃ“N";
			//exit;
			//header("Location: login.php");
			}
			//$enlace = mysql_connect("localhost","r00t","root") or die("No se pudo conectar");
			if ( !($enlace = @mysql_connect("localhost","root","root")  ) ) {
			echo "<div class='alerta mensajes'>No se pudo conectar, consulte con su administrador</div>";
			} 
			if ( !mysql_select_db("pbl")  ) {
			echo "<div class='alerta mensajes'>No se pudo seleccionar la base de datos, consulte con su administrador</div>";
			} 
			//echo mysql_client_encoding($enlace);
			mysql_set_charset("utf8");
		
		?>
		<?php
			echo "<h1 id='saludo'>Bienvenido " . $_SESSION["nombre"]." ".$_SESSION["apellido"]. "</h1><br />";
		?>
	
	<div id="combos">
        <form name="formu" method="post" action="informes.php">
	</br>
	<label for="ciclo">Ciclo</label>
	<select name="ciclo" id="ciclo">	
		<option value="0">Elige una opción...</option>
		<?php
			$sql = "select distinct ciclo.id,ciclo.nombre from profesor inner join(asignaturas inner join
			(ciclo_asignatura inner join ciclo on ciclo_asignatura.idciclo=ciclo.id) on asignaturas.id=ciclo_asignatura.idasignatura)
			on profesor.id=asignaturas.idprofesor where  profesor.id='".$_SESSION["idprofesor"]."'";
			echo $sql;
			$resultado = mysql_query($sql);
			
			while($registro=mysql_fetch_assoc($resultado))
			{
				echo"<option value='".$registro["id"]."' class='cbo'>".$registro["nombre"]."</option>\n";
			}
		?>
	</select>
	</br>
	<label for="asignatura">Asignatura</label>
	<select name="select2" id="select2">
		<option value="" class="cbo">Elige una opción...</option>
	</select>
	</br>
	<label for="evaluacion">Evaluación</label>
	<select name="evaluacion" id="evaluacion">
		<option value="0" class="cbo">Elige una opcion...</option>
		<option value="1" class="cbo">1ª Evaluación</option>
		<option value="2" class="cbo">2ª Evaluación</option>
		<option value="3" class="cbo">3ª Evaluación</option>
	</select></br>
	</br>
	<input type="button" name="aceptar" id="aceptar" value="Aceptar" onclick="comprobar();"/>
	<input type="submit" name="generar" id="generar" value="Generar Informe"/>
	</br>
	</br>
	<h1>Modificar</h1>
	<ul>
				<li><a href="mcompetencias.php">Competencias</a></li>
				<li><a href="mitems.php">Items</a></li>
				<li><a href="malumnos.php">Alumnos</a></li>
				<li><a href="mprofesores.php">Profesores</a></li>
				<li><a href="masignatura.php">Asignatura</a></li>
				<li><a href="mcurso.php">Curso</a></li>
	</ul>
		</form>
	</div>
	
	</div>
	
	
		</div>
		<!-- end #content -->
		<div id="sidebar">
			
		</div>
		<!-- end #sidebar -->
		<div style="clear: both;">&nbsp;</div>
	</div>
	<!-- end #page -->
</div>

<div id="footer">
	<p>Diseñado por Sergio Bordonabar, Mikel Ganuza, Eneko Nicolay y Jan Stollen.</p>
</div>
<!-- end #footer -->
</body>
</html>
